<template>
	<header class="header">
		<h1>todos</h1>
		<input id="toggle-all" class="toggle-all" type="checkbox" v-model="isAll">
		<label for="toggle-all"></label>
		<input class="new-todo" placeholder="输入任务名称-回车确认" autofocus v-model="neirong" @keyup.enter="add" />
	</header>
</template>

<script>
	export default {
		props:{
			arr:{
				type:Array,
			required:true
			}
		},
		data(){
			return {
				neirong:'',
			}
		},
methods:{
	add(){
		this.$emit('add',this.neirong)
		this.neirong=''
	}
},
computed:{
	isAll:{
		get(){
			if (this.arr.length===0) {
				return false
			}
			return this.arr.every(item=>item.isDone)
		},
		set(val){
			this.arr.forEach(item=>item.isDone=val)
		}

	}
}
	}
</script>
